<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">
   
    <div id="inside">
                <h1>List of Product</h1>
            <h:form id="form"> 
                <p:dataGrid var="pr" value="#{eventController.items}" columns="1"
                            rows="6" styleClass="abc" paginator="true" pageLinks="6"  
                            paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink}">  
                    <p:column>
                        <p:panel header="#{pr.topic}" >  
                            <h:panelGrid columns="2" >
                                <!-- -->
                                <h:column>                                    
                                    <h:outputText value="Price: #{pr.categoryID.categoryName}" />  <br/>
                                    <h:outputText value="Amount: #{pr.located}" />
                                    <br/>
                                    <br/>
                                    <br/>
                                    <br/>                                  
                                </h:column>                                                                                                            
                            </h:panelGrid>  
                        </p:panel>  
                    </p:column>
                </p:dataGrid>  
            </h:form>          
            </div>
    
</html>

